* {
	margin: 0px;
	padding: 0px;
}

html,
body {
	width: 100%;
	height: 100%;
	background: #fff;
	font-family: "微软雅黑";
	color: #333
}

a {
	color: #666;
	font-size: 14px;
	text-decoration: none;
}

a:hover {
	color: #1d3d7d;
	font-size: 14px;
	text-decoration: none;
}

ul,
li,
ol {
	list-style: none;
}

input,
textarea {
	font-family: "微软雅黑";
	font-size: 16px;
}

b,
em,
i {
	font-style: normal;
	font-weight: normal;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.lf {
	float: left;
}

.rt {
	float: right;
}

.tac {
	text-align: center;
}

input,
select,
textarea {
	outline: none;
	border: none
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #9c9c9c;
	font-size: 14px;
}

input:-moz-placeholder {
	color: #9c9c9c;
	font-size: 14px;
}

input::-moz-placeholder {
	color: #9c9c9c;
	font-size: 14px;
}

input:-ms-input-placeholder {
	color: #9c9c9c;
	font-size: 14px;
}

textarea {
	resize: none;
	color: #9c9c9c;
	font-size: 14px;
}

a {
	text-decoration: none;
	color: #666
}

i,
em,
b,
h1,
h2,
h3,
h4,
h5 {
	font-style: normal;
	font-weight: normal;
}

img {
	border: none;
}


.body{
	width: 100%;
	background: url(../images/index.png) top center no-repeat;
	float: left;
}
.main{
	width: 1530px;
	margin: 0px auto;
	clear: both;
	position: relative;
}
.nav {
	flex: 1;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 130px;
	/* background-color: #ffffff; */
	border-radius: 4px;
	opacity: 0.9;
	width: 1530px;
	margin: 0px auto;
	/* width: calc((100% - 1530px)/2); */
	
}
.header.bacf{
	background: #ff4081;
	width: 100%;
}
/* .header.bacf ul li a{
	color: #333;
} */
.nav .logo {
	float: left;
}
.nav ul {
	
	display: flex;
	width:900px;
	justify-content: space-between;
	align-items: center;
	align-content: center;
}

.nav ul li {
	display: flex;
	flex-direction: column;
	cursor: pointer;
	position: relative;
	flex: 1;
	justify-content: center;
}

.nav ul li a {
	height: 130px;
	line-height: 130px;
	display: inline-flex;
	flex: 1;
	justify-content: center;
	text-align: center;
	color: #fff;
		font-size: 16px;
		border-bottom: 4px solid transparent;
}

.nav ul li:hover>a,
.nav ul li.active>a {
	border-bottom: 4px solid #fff;
	
}

.nav ul li:hover dl {
	display: block;
}

.nav ul li dl {
	width: 100%;
	position: absolute;
	top: 130px;
	display: none;
	z-index: 9;
	left: 0px;
	background:  #ff4081;
}

.nav ul li dl dd {
	height: 40px;
	line-height: 40px;
	width: 100%;
	float: left;background:  #ff4081;
}

.nav ul li dl dd a {
	height: 40px;
	line-height: 40px;
	width: 100%;
	display: inline-block;

	font-size: 14px;
	border: none;
}

.nav ul li dl dd a:hover {
	background: #fff;
	color: #2363c5;
}
/* .search{
	float: right;
	position: relative;
} */
.searchcon{
	position: relative;
	height: 20px;

/* 	width: 260px; */
}
.searchcon b{
	padding-bottom: 20px;
}

.searchcon span{
	position: absolute;

	top: 30px;
	right: 0px;
	width: 280px;

	background-color: #ffffff;
	border-radius: 50%;
	overflow: hidden;
	border-radius: 0px;
	padding: 10px 10px;
	display: flex;
	float: left;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;	display: none;
}

.searchcon span input {
	width: 220px;
	padding: 0px 10px;height: 20px;
	line-height: 20px;
}

.searchcon span img {
	width: 20px;
	
	vertical-align: middle;

}
.header {
	position: fixed;
top: 0px;
z-index: 89;
width: 100%;

}
.header p.fr {

	color: #333;
}

.header p.fr a {

	color: #333;
	;
}

.header p.fr a.active {
	color: #333;
}



/*banner切换*/
.banner {
	width: 100%;
	float: left;position: relative;
}
 

.swiper-container1 {
	position: relative;
	top: 0px;
	float: left;
	width: 100%;
}

.swiper-container1 img {
	width: 100%;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 15px;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0px 5px;
}

.swiper-pagination-bullet {
	background: #fff;
	opacity: 1;
	width: 17px;
	height: 17px;
	;
	border-radius: 12px;
	margin-right: 0px;
}

.swiper-pagination-bullet-active {
	opacity: 1;
	width: 72px;
	background: #cc1506;
	height: 17px;
	;
}


.header_bot {
	width: 100%;
		height: 88px;
		/* background-color: #ffffff; */
		border-radius: 4px;
		opacity: 0.9;
		position: absolute;
		bottom: 60px;
		z-index: 888;
}
.header_bot ul{
	width: 100%;
		height: 88px;
		background-color: #ffffff;border-radius: 4px;
		float: left;
		display: flex;
		justify-content: space-around;
		flex-direction: row;
		align-items: center;
}
.header_bot ul li {
	width: 100%;
	text-align: center;
	display: flex;align-items: center;
	justify-content: center;
	position: relative;
		
}
.header_bot ul li::after{
	content: "";
	position: absolute;
	right: 0px;
	width: 1px;
	height: 88px;
	background-color: #cecece;
}.header_bot ul li img {
	margin-right: 10px;
}
.header_bot ul li p{
	text-align: left;	font-size: 24px;
		color: #FF4081;
}
.index1 {
	width: 100%;
	background: url(../images/index1_bj.png) center center no-repeat;
	height: 600px;
	float: left;
}
.index1  .main {
		height: 600px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.index1_con{
	width: 100%;
	height: 427px;
	float: left;
	background-color: #fff;
	display: flex;justify-content: space-between;
}
.index1_r{
	width: 670px;
	padding: 0px 50px;
	display: flex;justify-content: center;
	flex-direction: column;	color: #666666;
}
.index1_r img {margin-bottom: 10px;}

.index1_r span {
	text-indent: 20px;	font-size: 15px;line-height: 25px;
}

.index1_r p{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.index1_r p span a {
		width: 129px;
		height: 39px;
		line-height: 39px;
		display: inline-block;
		text-align: center;color: #fff;
		background-image: linear-gradient(
			#ff4081, 
			#ff4081), 
		linear-gradient(90deg, 
			#02abe4 0%, 
			#91c520 100%), 
		linear-gradient(
			#0c61fe, 
			#0c61fe);text-indent: 0px;
}
.index1_r p span a:hover {
	background: #ee1849;
}

.index2 {
	width: 100%;
	float: left;
	margin: 60px 0px 45px 0px;
}
.index2 ul{
	width: 100%;
	height: 210px;
	background: #f5f5f5;
	border: 1px solid #e5e5e5;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.index2 ul li {
	width: 100%;	height: 210px;
	border-right: 1px solid #E5E5E5;		display: flex;	justify-content: center;
	justify-items: center;
	align-items: center;
}
.index2 ul li a{
		display: flex;
		width: 100%;
		height: 100%;
	align-items: center;
	justify-content: center;
	justify-items: center;
	flex-direction: column;	color: #ff4081;
}
.index2 ul li a img:nth-child(2){
	display: none;
}
.index2 ul li a b{
		font-size: 44px;
		float: left;
}

.index2 ul li a em{
			font-size: 18px;
			margin-top: 5px;
			margin-left: 5px;
			float: right;
}
.index2 ul li a span{
			font-size: 18px;
}
.index2 ul li a:hover {
	background: #ff4081;
	color: #fff;
}
.index2 ul li a:hover img:nth-child(2){
	display: block;
}
.index2 ul li a:hover img:nth-child(2n-1){
	display: none;
}

.index_tit{
	text-align: center;
	width: 100%;
}
#gallery-overlay{background-color:#000}
#gallery-container{font:16px/22px verdana,arial,sans-serif}
#gallery{color:#999;display:none;height:200px;margin:0 auto;position:relative;width:300px;box-shadow:0 0 64px #000;-moz-box-shadow:0 0 64px #000;-webkit-box-shadow:0 0 64px #000}
#gallery-image-container{display:none;height:100%}
#gallery-loading{padding:8px}
#gallery-controls{display:none;height:100%;left:0;position:absolute;top:0;width:100%}
#gallery-controls div{float:left;height:100%;width:50%}
#gallery-controls a{background:#fff;color:#000;font-size:12px;outline-style:none;position:absolute;text-decoration:none;top:40px}
#gallery-previous-link{left:0;padding:6px 10px 6px 6px;border-radius:0 6px 6px 0;-moz-border-radius-bottom-right:6px;-webkit-border-bottom-right-radius:6px;-moz-border-radius-topright:6px;-webkit-border-top-right-radius:6px}
#gallery-next-link{padding:6px 6px 6px 10px;right:0;border-radius:6px 0 0 6px;-moz-border-radius-bottom-left:6px;-webkit-border-bottom-left-radius:6px;-moz-border-radius-topleft:6px;-webkit-border-top-left-radius:6px}
#gallery-meta-container{background:#fff;color:#999;display:none;margin:0 auto;overflow:auto}
#gallery-image{padding:8px}
#gallery-meta{display:none;height:44px;padding:0px 8px}
#gallery-meta div{float:right}
#gallery-info{text-align:left;width:80%}
#gallery-close{line-height:30px;text-align:right;width:20%}
#gallery-close a{color:#999;font-size:24px;font-weight:bold;outline-style:none;text-decoration:none}
#gallery-close a:hover{color:#bbb}
#gallery-title a,#gallery-title a:link,#gallery-title a:visited{color:#666;font-size:14px;font-weight:bold;line-height:14px}
#gallery-title a:visited:hover{color:#999}
#gallery-pages{color:#999;display:block;font-size:10px;line-height:14px}
.cer ul li .flickr_badge_image {
	width: 584px;
		height: 438px;
		overflow: hidden;
}
.cer ul li a img{
		transition: all 0.6s;
}
.cer ul li a img:hover {
	transform:scale(1.2)
}
.index3{
	width: 100%;
	float: left;
}
.index3_con {
	width: 100%;
	float: left;display: flex;
	justify-content: space-between;
	margin-top: 20px;
}
.index3_r{
	width: 930px;
	float: left;
}

.index3_r ul{
	width: 100%;height: 438px;
	display: flex;flex-direction: row;
	justify-content: space-between;
}
.index3_r ul li {height: 438px;
	margin-right: 20px;
}
.index3_r ul li  a{
	width: 100%;
	display: inline-flex;
	height: 100%;
	flex-direction: column;
	align-items: center;
}
.index3_r ul li  i {
		width: 295px;
		height: 171px;overflow: hidden;
}
.index3_r ul li img{
	transition: all 0.6s;
}

.index3_r ul li img:hover {
	transform:scale(1.5)
}
.index3_r ul li  a b{
		font-size: 20px;
		color: #FFFFFF;
		line-height: 60px;
}
.index3_r ul li  a span{
		font-size: 16px;	line-height: 30px;
padding: 0px 15px;
width: calc(100% - 30px);
 word-wrap:break-word;         /* 内容存在英语或数字时强制换行 */
    overflow: hidden;             /* 隐藏溢出部分 */
    text-overflow: ellipsis;      /* 显示省略符号来代表被隐藏的文本 */
    display: -webkit-box;         /* 将对象作为弹性伸缩盒子模型显示 */
    -webkit-box-orient: vertical; /* 设置盒子内排列顺序为纵向 */
    -webkit-line-clamp: 6; 


		color: #FFFFFF;
}
.index4 {
	width: 100%;
	height: 667px;
	background: url(../images/index2_bj.png) center center no-repeat; 
	float: left;
	margin-top: 25px;
	display: flex;
	align-items: center;
}
.index4_con {
	width: 100%;
	height: 350px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	
}
.index4_l {
	width: 900px;
	color: #fff;
}
.index4_l  p{
	width: 100%;
	margin-top: 45px;	font-size: 16px;	line-height: 30px;
	position: relative;
}
.index4_l  p::before{
	position: absolute;
	content: "";
		width: 44px;
		height: 2px;
		top: 70px;
}
.index4_l span{
	float: right;
		width: 129px;
		height: 40px;
	
}
.index4_l span a{
width: 100%;
line-height: 40px;
text-align: center;display: inline-block;
color: #fff;	font-size: 14px;	border: solid 1px #f5f5f5;
}
.index4_l span a:hover{
		background: #ff4081;
		border: 1px solid  #ff4081;
}
.index4_r ul li{
	width: 380px;
}
.index4_r ul li a{
		font-size: 18px;	line-height: 34px;
		color: fff;
		
		overflow: hidden;
		text-overflow:ellipsis ;
		white-space: nowrap;
		color: #fff;
		
}
.index4_r ul li a:hover{
	color: #ff4081;
}
.index5 {
	width: 100%;
	float: left;
	margin-top: 20px;
}
.index_tit1{
	display: flex;flex-direction: row;
	justify-content: space-between;
	margin-bottom: 50px;
}
.index_tit1 span a {
		width: 129px;
		height: 39px;
		line-height: 39px;
		display: inline-block;
		text-align: center;color: #fff;
		background-image: linear-gradient(
			#ff4081, 
			#ff4081), 
		linear-gradient(90deg, 
			#02abe4 0%, 
			#91c520 100%), 
		linear-gradient(
			#0c61fe, 
			#0c61fe);
}
.index_tit1 span a:hover {
	background: #ee1849;
}
.index5_con ul {
	display: flex;
	justify-content: space-between;
	width: 100%;
	
}.index5_con ul li {
	margin-right: 18px;
		box-shadow: 0px 0px 8px 0px 
			rgba(14, 7, 10, 0.23);	width: 370px;
			height: 466px;
			
			
			
}
.index5_con ul li:last-child{
	margin-right: 0px;
}
.index5_con ul li:hover{
	box-shadow: 0px 0px 18px 0px
		rgba(14, 7, 10, 0.43);
}
.index5_con ul li em {
		width: 100%;
		height: 246px;
		overflow: hidden;
		display: inline-block;
}
.index5_con ul li img{
	width: 100%;
	transition: all 0.6s;
}
.index5_con ul li  a{
	width: 100%;
	display: flex;
	flex-direction: column;
}
.index5_con ul li:hover img {
	transform:scale(1.5)
}
.index5_con ul li b {
		font-size: 18px;	line-height: 60px;	color: #000000;width: 300px;margin:0px auto; float:left;
		overflow: hidden;
		text-overflow:ellipsis ;
		white-space: nowrap;
}
.index5_con ul li span {
		width: 300px;margin:0px auto; float:left;
	    word-wrap:break-word;         /* 内容存在英语或数字时强制换行 */
	   overflow: hidden;             /* 隐藏溢出部分 */
	   text-overflow: ellipsis;      /* 显示省略符号来代表被隐藏的文本 */
	   display: -webkit-box;         /* 将对象作为弹性伸缩盒子模型显示 */
	   -webkit-box-orient: vertical; /* 设置盒子内排列顺序为纵向 */
	   -webkit-line-clamp: 4; 
	   	font-size: 14px;	line-height: 30px;	color: #777777;
}
.index5_con ul li i{
		width: 129px;
		text-align: center;
		line-height: 39px;
		display:inline-block;
	
		height: 39px;
		color: #fff;
		background-image: linear-gradient(90deg, 
			#02abe4 0%, 
			#91c520 100%), 
		linear-gradient(
			#0c61fe, 
			#0c61fe);
			position: relative;
			top: 20px;
			left: 120px;
}
.index5_con ul li:hover  i{
	background: #ff4081;;
}
.index5_con ul li:hover  b{
	color: #ee1849;
}

.index6{
	width: 100%;
	float: left;
	background: url(../images/index6.png) center center no-repeat;
	height: 960px;
	margin-top: 100px;
	display: flex;
	/* align-items: center; */
}
.index6 .swiper-wrapper{
	width: 100%;
	display: flex;
/* 	align-items: center;justify-items: center;
	
	align-content: center */
}
.index6 .swiper-slide{
	width: 100%;align-items: center;
	align-content: center;justify-content: center; justify-items: center;
	flex-direction: column;
}
.index6  .index_tit{
	margin-top: 70px;
	margin-bottom: 25px;;
}

.index6 ul{
	width: 100%;
	float: left;
	padding-bottom: 20px;
	
}
.index6 ul li {
	width: calc((100% - 80px)/6);
	
	float: left;margin-right: 16px;margin-bottom: 30px;
}
.index6 ul li a{
	width: 100%;
	overflow: hidden;
	height: 80px;transition: all 0.6s;border: 1px solid #d4d8e8;
}
.index6 ul li img {
	width: 100%;
	border: none;transition: all 0.6s;
    height:100%;
	
}
.index6 ul li:hover a{
	border: 1px solid #ee1849;
}
.index6 ul li img:hover {
	transform:scale(1.2)
}
.index6 ul li a{
	width: 100%;
	display: inline-block;float: left;
}
.index6 ul li:nth-child(6n){
	margin-right: 0px;
}
.swiper-container-horizontal>.swiper-pagination2.swiper-pagination-bullets,.swiper-pagination2s.swiper-pagination-custom, 
.swiper-pagination2.swiper-pagination-fraction{
	bottom: 0px;
}
.swiper-pagination2 .swiper-pagination-bullet {
		width: 68px;
		height: 7px;
		background-color: #ffffff;border-radius: 0px;
}

.swiper-pagination2 .swiper-pagination-bullet-active{
		width: 68px;
		height: 7px;
		background-color: #f37894;
}

.index7 {
	width: 100%;
	float: left;
	padding: 40px 0px 50px ;
	border-bottom: 2px solid #f4a709;
}
.index7 .swiper-wrapper{
	width: 1530px;
	margin: 0px auto;
	padding-bottom: 20px;	left: 30px;
	position: relative;
}
.index7 ul{
	width: 1460px;
	margin: 0px auto;

	float: left;

}
.index7 ul li {
	width: calc((100% - 114px)/7);
	
	float: left;margin-right: 19px;margin-bottom: 30px;
}
.index7 ul li a{
	width: 100%;
	overflow: hidden;
	height: 90px;transition: all 0.6s;border: 1px solid #d4d8e8;
}
.index7 ul li img {
	width: 190px;
	border: none;transition: all 0.6s;
    height:100%;
	
}
.index7 ul li:hover a{
	border: 1px solid #ee1849;
}
.index7 ul li img:hover {
	transform:scale(1.5)
}
.index7 ul li a{
	width: 100%;
	display: inline-block;float: left;
}
.index7 ul li:nth-child(7n){
	margin-right: 0px;
}

.swiper-button-prev3, .swiper-container-rtl .swiper-button-next{
	background: url(../images/btnl.jpg);
	width: 16px;height: 34px;
	background-size: 100%;
	left: 0px;
}
.swiper-button-next3, .swiper-container-rtl .swiper-button-prev{
	background: url(../images/btnr.jpg);
	width: 16px;height: 34px;
	right: 0px;
	background-size: 100%;
}

.footer {background:url(../images/bot.png) center repeat-x;height: 325px; width:100%;float: left;}
.footer .main{
	display: flex;justify-content: space-between;
}
.footer ul { padding-top: 40px;float: left;}
.footer ul li {float:left; width:130px}
.footer ul li h5,.footer2 ul li>a {color:#fff; font-size:20px; margin-bottom:15px;}
.footer ul li  dl{
	width: 100%;
	margin-top: 15px;
}
.footer ul li  a{
	color: #fff;
	font-size: 18px;
	padding-bottom: 20px;
}
.footer  ul li a:hover{
	text-decoration: none;
	color: #ee1849;
}
.footer ul li  dl dd {
	width: 100%;
	float: left;color: #fff;line-height:28px;font-size: 16px;
}
.footer ul li  dl dd a {color:#fff; font-size:16px; line-height:28px;}
.footer ul li dl dd a:hover {	text-decoration: none;
	color: #ee1849;}
.footer3 {
	margin-top: 60px;	font-size: 16px;	color: #ffffff;	line-height: 30px;
}